<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- SEO优化 -->
	<title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description"
		content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" />
	<!-- ico图标 -->
	<link rel="shortcut icon" href="images/bitbug_favicon.ico" />
	<link rel="stylesheet" href="CSS/base.css">
	<link rel="stylesheet" href="CSS/common.css">
	<link rel="stylesheet" href="CSS/index.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/animate.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>

<body>
	<!-- shortcut -->
	<div class="shortcut">
		<div class="w">
			<div class="fl">
				<ul>
					<li>品优购欢迎您！</li>
					<li>
						<a href="login.html">请登录</a>
						<a href="#" class="style_red">免费注册</a>
					</li>
				</ul>
			</div>
			<div class="fr">
				<ul>
					<li><a href="#">我的订单</a></li>
					<li><a href="#" class="inco">我的品优购</a></li>
					<li><a href="#">品优购会员</a></li>
					<li><a href="#">企业采购</a></li>
					<li><a href="#" class="inco">关注品优购</a></li>
					<li><a href="#" class="inco">客户服务</a></li>
					<li><a href="#" class="last inco">网站导航</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- header -->
	<div class="header">
		<div class="w clearfix">
			<!-- logo制作 SEO优化-->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购商城">品优购商城</a>
				</h1>
			</div>

			<div class="search clearfix">
				<input type="text" value="语言开发" class="search_text">
				<button>搜索</button>
				<div class="nav_bottom">
					<ul>
						<li><a href="#" class="style_red">优惠购首发</a></li>
						<li><a href="#">亿元优惠</a></li>
						<li><a href="#">9.9元团购</a></li>
						<li><a href="#">美满99减30</a></li>
						<li><a href="#">办公用品</a></li>
						<li><a href="#">电脑</a></li>
						<li><a href="#">通信</a></li>
					</ul>
				</div>
			</div>


			<div class="shopcar">
				<a href="shoppingCar.html"><span>我的购物车</span></a>
				<div class="infor"><i>8</i></div>
			</div>
		</div>
	</div>

	<!-- main -->
	<div class="main clearfix">
		<div class="top w clearfix">
			<div class="sort">
				<h2>全部商品分类</h2>
			</div>

			<div class="main_nav">
				<ul>
					<li><a href="#">服装城</a></li>
					<li><a href="#">美妆馆</a></li>
					<li><a href="#">传智超市</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">闪购</a></li>
					<li><a href="#">团购</a></li>
					<li><a href="#">拍卖</a></li>
					<li><a href="#">有趣</a></li>
				</ul>
			</div>
		</div>
	</div>



	<!-- 广告图及其他 -->
	<div class="content w clearfix">
		<div class="content_nav">
			<ul>
				<li><a href="#">家用电器</a></li>
				<li><a href="list.html">手机、数码、通信</a></li>
				<li><a href="#">电脑、办公</a></li>
				<li><a href="#">家居、家具、家装、厨具</a></li>
				<li><a href="#">男装、女装、童装、内衣</a></li>
				<li><a href="#">个户化妆、清洁用品、宠物</a></li>
				<li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li>
				<li><a href="#">运动户外、钟表</a></li>
				<li><a href="#">汽车、汽车用品</a></li>
				<li><a href="#">母婴、玩具乐器</a></li>
				<li><a href="#">食品、酒类、生鲜、特产</a></li>
				<li><a href="#">医药保健</a></li>
				<li><a href="#">图书、音像、电子书</a></li>
				<li><a href="#">彩票、旅行、充值、票务</a></li>
				<li><a href="#">理财、众筹、白条、保险</a></li>
			</ul>
		</div>
		<div class="banner">
			<!-- 左侧按钮 -->
			<a href="javascript:" class="arrow-l">
				&lt;
			</a>
			<!-- 右侧按钮 -->
			<a href="javascript:" class="arrow-r">&gt;</a>
			<ul>
				<li><a href="#"><img src="uplode/banner.png"></a></li>
				<li><a href="#"><img src="uplode/focus1.jpg"></a></li>
				<li><a href="#"><img src="uplode/focus2.jpg"></a></li>
				<li><a href="#"><img src="uplode/focus3.jpg"></a></li>
			</ul>
			<ol class="circle">

			</ol>

		</div>

		<div class="content_new">
			<div class="new_title">
				<h3>品优购快报</h3>
				<span><a href="">更多</a></span>
			</div>
			<div class="new_notic">
				<ul>
					<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码得得得得得得</a></li>
					<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
					<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
					<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
					<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码得得得得</a></li>
				</ul>
			</div>

			<div class="app">
				<ul>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
					<li>
						<h4>话费</h4>
					</li>
				</ul>
			</div>
			<div class="autumn">
				<img src="images/autumn_03.png" alt="">
			</div>
		</div>
	</div>
	<!-- 今日推荐 -->
	<div class="recommend">
		<div class="w">
			<div class="today"></div>
			<div class="product">
				<ul>
					<li>
						<img src="uplode/pen.png" alt="">
						<h3>优质好货</h3>
						<p>满300减100</p>
						<span>满500减200</span>
					</li>

					<li>
						<img src="uplode/shkir.png" alt="">
						<h3>优质好货</h3>
						<p>满300减100</p>
						<span>满500减200</span>
						<h5>团购</h4>
					</li>
					<li>
						<img src="uplode/towel.png" alt="">
						<h3>优质好货</h3>
						<p>低至3.6折</p>
						<span>满500减200</span>
						<h5>闪购</h4>
					</li>
					<li>
						<img src="uplode/watch.png" alt="">
						<h3>优质好货</h3>
						<p>满300减100</p>
						<span>满500减200</span>
						<h5>团购</h4>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 猜你喜欢 -->
	<div class="like">
		<div class="w">
			<div class="title">
				<h2>猜你喜欢</h2>
				<a href="#">换一批</a>
			</div>
			<div class="product_b">
				<ul>
					<li>
						<div class="count">
							<h3>品优秒杀</h3>
							<p><strong>16:00</strong> 点场 倒计时</p>
							<div class="sbox">
								<span class='hour'>1</span>
								<span class='minute'>2</span>
								<span class='second'>3</span>
							</div>
						</div>
					</li>
					<li>
						<img src="uplode/tb_01.png" alt="">
						<div class="present">
							<p>阳光美包新款单肩包女</p>
							<p>包时尚子母包四件套女</p>
							<span>¥116.00</span>
						</div>
					</li>
					<li>
						<img src="uplode/tb_01.png" alt="">
						<div class="present">
							<p>阳光美包新款单肩包女</p>
							<p>包时尚子母包四件套女</p>
							<span>¥116.00</span>
						</div>
					</li>
					<li>
						<img src="uplode/tb_01.png" alt="">
						<div class="present">
							<p>阳光美包新款单肩包女</p>
							<p>包时尚子母包四件套女</p>
							<span>¥116.00</span>
						</div>
					</li>
					<li>
						<img src="uplode/tb_01.png" alt="">
						<div class="present">
							<p>阳光美包新款单肩包女</p>
							<p>包时尚子母包四件套女</p>
							<span>¥116.00</span>
						</div>
					</li>
					<li>
						<img src="uplode/tb_01.png" alt="">
						<div class="present last">
							<p>阳光美包新款单肩包女</p>
							<p>包时尚子母包四件套女</p>
							<span>¥116.00</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 传智播客。有趣区 -->
	<div class="interesting">
		<div class="w">
			<div class="title_01">
				<h2>传智播客 有趣区</h2>
			</div>

			<div class="sell">
				<h3>传智播客好书榜</h3>
				<p>畅销推荐低至一折</p>
				<img src="uplode/sell.png" alt="">
			</div>

			<!-- 好东西 -->
			<div class="good">
				<div class="title_02">
					<h3>好东西</h3>
				</div>
				<!-- 键盘 -->
				<div class="clavier">
					<h5>达人推荐</h5>
					<p>雷神金属机械键盘</p>
					<p class="last">与你相见恨晚</p>
				</div>
				<!-- 发现好物 -->
				<div class="function">
					<h5>发现好物</h5>
					<p>一不小心霸气外露</p>
					<p class="last">等你来</p>
				</div>
			</div>
			<!-- 品牌街 -->
			<div class="brand clearfix">
				<div class="title_03">
					<h3>品牌街</h3>
				</div>
				<!-- 苏泊尔 -->
				<div class="su">
					<h5>苏泊尔</h5>
					<p>返场大秀场</p>
					<p class="last">爆品直降100元</p>
				</div>
				<!-- shoes -->
				<div class="shoes">
					<h5>国际大牌</h5>
					<p>adidas</p>
					<p class="last">部分3免1</p>
				</div>
				<!-- 耐克 -->
				<div class="nike">
					<h5>本周特卖</h5>
					<P>大牌折扣</P>
					<p class="last">每周上新</p>
				</div>
			</div>
			<!-- 品牌 -->
			<div class="trademark">
				<ul>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
					<li><img src="uplode/huawei.png" alt=""></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 楼层区 -->
	<div class="floor">
		<div class="household">
			<div class="w">
				<div class="house_td">
					<h3>家用电器</h3>
					<div class="table_list">
						<ul>
							<li><a href="#" class="first">热门 </a></li>
							<li><a href="#">大家电 </a></li>
							<li><a href="#">生活电器 </a></li>
							<li><a href="#">厨房电器 </a></li>
							<li><a href="#">个护健康 </a></li>
							<li><a href="#">应季电器 </a></li>
							<li><a href="#">空气/净水 </a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#" class='last'>高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="house_bd">
					<div class="table_content">
						<div class="table_list_item">
							<div class="col_211">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
								</ul>
								<img src="uplode/tv.png" alt="">
							</div>
							<div class="col_329">
								<p>烧水壶智能光控泡茶壶茶具套装<br>
									满299.00减40.00</p>
								<img src="uplode/kettle.png" alt="">
								<div class="box">
									<div class="box1 circle"></div>
									<div class="box2 circle"></div>
									<div class="box3 circle"></div>
								</div>
							</div>
							<div class="col_221">
								<img src="images/col_03.png" alt="">
							</div>
							<div class="col_221">
								<img src="images/col_04_03.png" alt="">
							</div>
							<div class="col_219">
								<img src="images/col_05_03.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="household">
			<div class="w">
				<div class="house_td">
					<h3>手机通讯</h3>
					<div class="table_list">
						<ul>
							<li><a href="#" class="first">热门 </a></li>
							<li><a href="#">大家电 </a></li>
							<li><a href="#">生活电器 </a></li>
							<li><a href="#">厨房电器 </a></li>
							<li><a href="#">个护健康 </a></li>
							<li><a href="#">应季电器 </a></li>
							<li><a href="#">空气/净水 </a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#" class='last'>高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="house_bd">
					<div class="table_content">
						<div class="table_list_item">
							<div class="col_211">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
								</ul>
								<img src="uplode/tv.png" alt="">
							</div>
							<div class="col_329">
								<p>烧水壶智能光控泡茶壶茶具套装<br>
									满299.00减40.00</p>
								<img src="uplode/kettle.png" alt="">
								<div class="box">
									<div class="box1 circle"></div>
									<div class="box2 circle"></div>
									<div class="box3 circle"></div>
								</div>
							</div>
							<div class="col_221">
								<img src="images/col_03.png" alt="">
							</div>
							<div class="col_221">
								<img src="images/col_04_03.png" alt="">
							</div>
							<div class="col_219">
								<img src="images/col_05_03.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="household">
			<div class="w">
				<div class="house_td">
					<h3>电脑办公</h3>
					<div class="table_list">
						<ul>
							<li><a href="#" class="first">热门 </a></li>
							<li><a href="#">大家电 </a></li>
							<li><a href="#">生活电器 </a></li>
							<li><a href="#">厨房电器 </a></li>
							<li><a href="#">个护健康 </a></li>
							<li><a href="#">应季电器 </a></li>
							<li><a href="#">空气/净水 </a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#" class='last'>高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="house_bd">
					<div class="table_content">
						<div class="table_list_item">
							<div class="col_211">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
								</ul>
								<img src="uplode/tv.png" alt="">
							</div>
							<div class="col_329">
								<p>烧水壶智能光控泡茶壶茶具套装<br>
									满299.00减40.00</p>
								<img src="uplode/kettle.png" alt="">
								<div class="box">
									<div class="box1 circle"></div>
									<div class="box2 circle"></div>
									<div class="box3 circle"></div>
								</div>
							</div>
							<div class="col_221">
								<img src="images/col_03.png" alt="">
							</div>
							<div class="col_221">
								<img src="images/col_04_03.png" alt="">
							</div>
							<div class="col_219">
								<img src="images/col_05_03.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="household">
			<div class="w">
				<div class="house_td">
					<h3>精品家具</h3>
					<div class="table_list">
						<ul>
							<li><a href="#" class="first">热门 </a></li>
							<li><a href="#">大家电 </a></li>
							<li><a href="#">生活电器 </a></li>
							<li><a href="#">厨房电器 </a></li>
							<li><a href="#">个护健康 </a></li>
							<li><a href="#">应季电器 </a></li>
							<li><a href="#">空气/净水 </a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#" class='last'>高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="house_bd">
					<div class="table_content">
						<div class="table_list_item">
							<div class="col_211">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">节能补贴</a></li>
								</ul>
								<img src="uplode/tv.png" alt="">
							</div>
							<div class="col_329">
								<p>烧水壶智能光控泡茶壶茶具套装<br>
									满299.00减40.00</p>
								<img src="uplode/kettle.png" alt="">
								<div class="box">
									<div class="box1 circle"></div>
									<div class="box2 circle"></div>
									<div class="box3 circle"></div>
								</div>
							</div>
							<div class="col_221">
								<img src="images/col_03.png" alt="">
							</div>
							<div class="col_221">
								<img src="images/col_04_03.png" alt="">
							</div>
							<div class="col_219">
								<img src="images/col_05_03.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- 楼层区 end -->
	<!-- 固定电梯导航 -->
	<div class="fixedtool">
		<ul>
			<li class="current">家用电器</li>
			<li>手机通讯</li>
			<li>电脑办公</li>
			<li>精品家具</li>

		</ul>
	</div>

	<!-- footer -->
	<div class="footer">
		<div class="w">
			<div class="guarantee">
				<ul>
					<li>
						<span class="span1"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span2"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span3"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span4"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span5"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
				</ul>
			</div>

			<div class="about">
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<img src="images/wx_cz.jpg" alt="">
					<dd>品优购客户端</dd>
				</dl>
			</div>

			<div class="copyright ">
				<ul class="clearfix">
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">联系客服</a></li>
					<li><a href="#">商家入驻</a></li>
					<li><a href="#">营销中心</a></li>
					<li><a href="#">手机品优购</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">销售联盟</a></li>
					<li><a href="#">品优购社区</a></li>
					<li><a href="#">品优购公益</a></li>
					<li><a href="#">English Site</a></li>
					<li><a href="#">Contact U</a></li>
				</ul>
				<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
				<p>京ICP备08001421号京公网安备110108007702</p>
			</div>
		</div>
	</div>
	<script src="./js/EasyLazyload.min.js"></script>
	<script>
		lazyLoadInit({
			showTime: 1100,
			onLoadBackEnd: function (i, e) {
				console.log("onLoadBackEnd:" + i);
			},
			onLoadBackStart: function (i, e) {
				console.log("onLoadBackStart:" + i);
			}
		});
	</script>
</body>

</html>